<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <link rel="stylesheet" type="text/css" href="css/more.css"/>
    <title>后台 | 外卖配送信息系统</title>
    <link rel="icon" href="img/favicon.ico"/>
    <script type="text/javascript" src="js/first.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>

<body>
<div class = "Page">
    <br/>
<div class="text-center">
    <h1>欢迎来到外卖信息配送系统</h1>
    <span id="time" style="float: left">2022年11月19日 星期六 14:17</span>
    <div style="float: right">
        姓名: <span id="name">无名</span>
        身份: <span id="type">神秘人</span>
        电话: <span id="phone">00000000000</span>
        <a href="change.html">修改资料</a>
        <a href="/quit">退出登录</a>
    </div>
</div>
<br/>
<hr>

<div class = "More" id="showLive">
    <span id="liveBlock">所在区域：<span></span></span>
    <span id="liveGroup">所在组别：<span></span></span>
    <br/><br/>
    <label id="batchDelete">
        <input type="button" value="" onclick="batchDo('delete')"
               style="background: url(/img/delete.png);background-repeat: no-repeat;width: 33px;height: 33px"/>
    </label>
    <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <a href="more.html">
        <img src="/img/more.png" alt="more">
    </a>
    <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
    <label id="batchSend">
        <input type="button" value="" onclick="batchDo('send')"
               style="background: url(/img/arrival.png);background-repeat: no-repeat;width: 33px;height: 33px"/>
    </label>
</div>

<br/>

<div class = "showView" id="showView">
    <label id="selectBlock">区域：
        <select onchange='changeGroupSelect("selectBlock", "selectGroup", "selectGroupOption")'>
            <option value="-"></option>
            <option id="selectBlockOption" style="display: none"></option>
        </select>
    </label>
    <label id="selectGroup">组别：
        <select>
            <option value="-"></option>
            <option id="selectGroupOption" style="display: none"></option>
        </select>
    </label>
    <label id="selectType">类型：
        <select>
            <option value="takeout">外卖</option>
            <option value="admin" id="adminTypeOption">管理员</option>
            <option value="sender">配送员</option>
            <option value="block" id="blockTypeOption">区域</option>
            <option value="group" id="groupTypeOption">组别</option>
        </select>
    </label>
    <label>搜索：
        <input type="text" id="searchKeyword" width="150px"/>
    </label>
    <label>
        <input type="button" value="" onclick="dataCheck()"
               style="background: url(/img/search.png);background-repeat: no-repeat;width: 23px;height: 23px"/>
    </label>

</div>

<br/>

<div id="showData">
    <table border="1" cellspacing="0" cellpadding="5" style="margin: 0 auto">
    </table>
</div>

<!--&lt;!&ndash; 弹窗 &ndash;&gt;-->
<!--<div id="myModal" class="modal">-->
<!--    &lt;!&ndash; 弹窗内容 &ndash;&gt;-->
<!--    <div class="modal-content">-->
<!--        <h4>操作成功</h4>-->
<!--        <div></div>-->
<!--        <span class="close"><input type="button" value="确定"/></span>-->
<!--    </div>-->
<!--</div>-->

<script type="text/javascript" src="js/page.js"></script>
</div>
</body>

</html>
